<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>AIC人工智能</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<link rel="stylesheet" href="../css/mui.min.css">
		<style>
			.item-logo {
				width: 100%;
				height: 100%;
				position: relative;
			}
		</style>
	</head>

	<body>
		<div id="slider" class="mui-slider mui-fullscreen" style="background-color: black;">
			<div class="mui-slider-group">
				<!-- 第一张 -->
				<div class="mui-slider-item">
					<div class="item-logo">
						<img src="../images/guide1.jpg" />
					</div>
				</div>
				<!-- 第二张 -->
				<div class="mui-slider-item">
					<div class="item-logo">
						<img src="../images/guide2.jpg" />
					</div>
				</div>
				<!-- 第三张 -->
				<div class="mui-slider-item">
					<div class="item-logo">
						<img src="../images/guide3.jpg" id="close" />
					</div>
				</div>
			</div>
			<div class="mui-slider-indicator">
				<div class="mui-indicator mui-active"></div>
				<div class="mui-indicator"></div>
				<div class="mui-indicator"></div>
			</div>
		</div>
		<script src="../js/mui.min.js"></script>
		<script>
			mui.back = function() {};
			mui.plusReady(function() {
				plus.navigator.setFullscreen(true);
				plus.navigator.closeSplashscreen();
			});
			//立即体验按钮点击事件
			document.getElementById("close").addEventListener('tap', function(event) {
				plus.storage.setItem("lauchFlag", "true");
				plus.navigator.setFullscreen(false);
				plus.webview.currentWebview().close();
			}, false);

			//图片切换时，触发动画
			var index = 0;
			document.querySelector('.mui-slider').addEventListener('slide', function(event) {
				index = event.detail.slideNumber;
				if(index == 2) {
					setTimeout(function() {
						if(index == 2) {
							mui.trigger(document.getElementById("close"), 'tap');
						}
					}, 5000);
				}
			});
		</script>
	</body>

</html>